var main = function(){
    slideshowFunction();
};

function slideshowFunction(){
    // Jumbotron Funktionalit�ten
    //

    // Slide vorbereitung
    var iterator = 0;
    var number = $("#slideshow").children().length;

    $("#slideshow").children().hide();
    $("#slide0").show();

    // Pfeil nach Rechts geklickit
    $(".dot-nav #arrow-right").click(function(){
        var nextSlide = 0;
        // Umstellung modulo!
        nextSlide = (iterator + 1) % number

        // Slide wechseln
        $(".slide:eq(" + iterator + ")").fadeOut(200, function(){
            $(".slide:eq(" + nextSlide + ")").fadeIn(200);
        });

        // "Roten Punkt" entsprechend anpassen
        $(".dot-nav #dot" + iterator).css("background-image", "url(resources/Media/black-dot.gif)");
        $(".dot-nav #dot" + nextSlide).css("background-image", "url(resources/Media/red-dot.gif)");

        // Iterator aktualisieren
        iterator = nextSlide
    });

    //Pfeil nach Links geklickt
    $(".dot-nav #arrow-left").click(function(){
      console.log(iterator);
        var nextSlide = 0;
        nextSlide = iterator - 1;
        if(nextSlide < 0)
            nextSlide = number - 1;

        // Slide wechseln
        $(".slide:eq(" + iterator + ")").fadeOut(300, function(){
            $(".slide:eq(" + nextSlide + ")").fadeIn(300);
        });

        // "Roten Punkt" entsprechend anpassen
        $(".dot-nav #dot" + iterator).css("background-image", "url(resources/Media/black-dot.gif)");
        $(".dot-nav #dot" + nextSlide).css("background-image", "url(resources/Media/red-dot.gif)");

        // Iterator aktualisieren
        iterator = nextSlide
    });


    // Die jeweiligen Punkte anklicken
    $("#dot0").click(function(){
        // Slide wechseln
        $(".slide:eq(" + iterator + ")").fadeOut(300, function(){
            $(".slide:eq(0)").fadeIn(300);
        });

        // "Roten Punkt" entsprechend anpassen
        $(".dot-nav #dot" + iterator).css("background-image", "url(resources/Media/black-dot.gif)");
        $(".dot-nav #dot0").css("background-image", "url(resources/Media/red-dot.gif)");

        iterator = 0;
    });
    $("#dot1").click(function(){
        // Slide wechseln
        $(".slide:eq(" + iterator + ")").fadeOut(300, function(){
            $(".slide:eq(1)").fadeIn(300);
        });

        // "Roten Punkt" entsprechend anpassen
        $(".dot-nav #dot" + iterator).css("background-image", "url(resources/Media/black-dot.gif)");
        $(".dot-nav #dot1").css("background-image", "url(resources/Media/red-dot.gif)");

        iterator = 1;
    });
    $("#dot2").click(function(){
        // Slide wechseln
        $(".slide:eq(" + iterator + ")").fadeOut(300, function(){
            $(".slide:eq(2)").fadeIn(300);
        });

        // "Roten Punkt" entsprechend anpassen
        $(".dot-nav #dot" + iterator).css("background-image", "url(resources/Media/black-dot.gif)");
        $(".dot-nav #dot2").css("background-image", "url(resources/Media/red-dot.gif)");

        iterator = 2;
    });
};

$(document).ready(main);